<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>4种状态化伪类选择器</title>
    <style type="text/css">
        a:link,a:visited{        
            color:#000;          /*设置超链接默认和被访问之的后颜色为黑色*/
            text-decoration:none;  /*取消超链接下画线效果*/
        }     
        a:hover{
            color:#093;               /*设置鼠标指针悬停时超链接颜色为绿色*/
            text-decoration:underline;  /*设置鼠标悬停时超链接显示下画线*/
        }    
        a:active{color:#FC0;}         /*设置鼠标指针单击不动时超链接颜色为黄色*/
    </style>
</head>
<body>
    <a href="#">公司首页</a>
    <a href="#">公司简介</a>
    <a href="#">产品介绍</a>
    <a href="#">联系我们</a>
</body>
</html>
    
    
    
    
    
    
    